<!DOCTYPE html>
<script src="../../resources/run-after-layout-and-paint.js"></script>
<svg width="200" height="200">
  <filter id="NotMyFilter">
    <feColorMatrix type="hueRotate" values="90"/>
  </filter>
  <rect x="10" y="10" fill="blue" width="100" height="100" filter="url(#MyFilter)"/>
</svg>
<script>
runAfterLayoutAndPaint(function() {
  document.getElementById("NotMyFilter").id = "MyFilter";
}, true);
</script>
